import React, { Component } from 'react'

export default class Life2 extends Component {
    state = {
        count: 10
    }
    // 组件  将要  接收  props
    componentWillReceiveProps() {

    }


    // 组件应不应该更新？
    // 适合做一些简单的优化
    shouldComponentUpdate() {
        // shouldComponentUpdate   如果返回 true  数据修改   如果返回false  数据不更新
        return true
    }

    // 组件将要更新(数据已更新)
    componentWillUpdate() {
        // console.log(this.state)
    }
    render() {
        // 数据修改的时候会触发存在期
        const { count } = this.state
        const { num } = this.props
        return (
            <div>
                <h3>生命周期---存在期</h3>
                <h4>
                    { count }
                </h4>

                <h4>
                    我是props传递过来的 -- { num }
                </h4>
                <div>
                    <button onClick = {() => {
                        this.setState({
                            count: this.state.count += 1
                        })
                    }}>点我+1</button>
                </div>
            </div>
        )
    }
    // 组件更新完毕
    componentDidUpdate() {

    }

    // 组件将要被销毁
    componentWillUnmount() {
        console.log('我被销毁了')
    }

}
